<template>
  <div class="detail-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="登录账户设置" name="first"><setting /></el-tab-pane>
      <el-tab-pane label="个人详情" name="second"><info /></el-tab-pane>
      <el-tab-pane label="岗位信息" name="third"><job /></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import setting from '@/views/employees/setting.vue'
import info from '@/views/employees/info.vue'
import job from '@/views/employees/job.vue'
export default {
  name: '',
  components: { setting, info, job },
  data() {
    return {
      activeName: 'first'
    }
  },
  computed: {},
  created() {
    // console.log(this)
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.detail-container {
  padding: 30px;
}
</style>
